// 此脚本用于生成PWA所需的PNG图标
// 在终端中运行: node generate-icons.js

const fs = require('fs');
const { createCanvas } = require('canvas');

// 创建不同尺寸的图标
const sizes = [
  { name: 'pwa-192x192.png', size: 192 },
  { name: 'pwa-512x512.png', size: 512 },
  { name: 'apple-touch-icon.png', size: 180 },
  { name: 'favicon.ico', size: 32 }
];

// 为每个尺寸创建图标
sizes.forEach(item => {
  const { name, size } = item;
  const canvas = createCanvas(size, size);
  const ctx = canvas.getContext('2d');
  
  // 白色背景
  ctx.fillStyle = '#ffffff';
  ctx.fillRect(0, 0, size, size);
  
  // 蓝色圆形
  ctx.fillStyle = '#4285f4';
  ctx.beginPath();
  ctx.arc(size/2, size/2, size*0.4, 0, Math.PI * 2);
  ctx.fill();
  
  // 白色字母 "A"
  ctx.fillStyle = '#ffffff';
  ctx.font = `bold ${size*0.5}px Arial`;
  ctx.textAlign = 'center';
  ctx.textBaseline = 'middle';
  ctx.fillText('A', size/2, size/2);
  
  // 保存为PNG
  const buffer = canvas.toBuffer('image/png');
  fs.writeFileSync(name, buffer);
  
  console.log(`已创建图标: ${name}`);
});

console.log('所有图标已生成完成!'); 